
	<!DOCTYPE html>

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link href="__PUBLIC__/Theme3/css/font-awesome.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
<meta name="format-detection" content="telephone=no">
<script language="javascript" src="__PUBLIC__/Theme3/js/jquery-1.11.1.min.js"></script>
<script language="javascript" src="__PUBLIC__/Theme3/js/jquery.gcjs.js"></script>
<!--<link rel="stylesheet" type="text/css" href=".__PUBLIC__/Theme3/addons/sz_yi/template/mobile/default/static/css/style_red.css">-->



<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/base.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/jquery-weui.min.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/weui.min.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/style.css">
<!--new add start for style1 2016.09.09-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/font-awesome.min(1).css">

<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/style1.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/main.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/iconfont.css">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/mui.min.css">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/tuandui.css">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme3/css/icons-extra.css"/>

<nav class="mui-bar mui-bar-tab">
	    		    <a href="__APP__/Index/index" class="mui-tab-item">
	    		        <span class="mui-icon mui-icon-home"></span>
	    		        <span class="mui-tab-label">首页</span>
	    		    </a>
	    		     <a href="__APP__/User/add_user" class="mui-tab-item">
                      <span class="mui-icon mui-icon-extra mui-icon-extra-addpeople
                                   "></span>
                      <span class="mui-tab-label">注册</span>
                    </a>
                    <a href="__APP__/User/team" class="mui-tab-item">
                      <span class="mui-icon mui-icon-extra mui-icon-extra-peoples"></span>
                      <span class="mui-tab-label">团队</span>
                    </a>
	    		    <a  href="__APP__/User/UserSet" class="mui-tab-item ">
	    		        <span class="mui-icon mui-icon-gear"></span>
	    		        <span class="mui-tab-label">设置</span>
	    		    </a>
	    		</nav>
<!--new add end for style1-->
<script>window.PointerEvent = undefined</script></head>
<body>


<title>升级记录</title>

<style type="text/css">
body {
    font-family: Arial, Helvetica, Sans-Serif;
    background-color: #fff;
}
      .mui-bar a:active{color:#007aff}
    .mui-bar a:hover{color:#007aff}
    .mui-bar a:link{color:#007aff}


/*通用*/
/* common */
.flex {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 宽度随屏幕改变变化 */
.flex-1 {
    flex: 1;
    -webkit-flex: 1;
}

/* 垂直 水平 居中 */
.flex-center {
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
/* 垂直 居中 */
.flex-ver {
    align-items: center;
    -webkit-align-items: center;
}
.flex-col-ver{
    justify-content: center;
    -webkit-justify-content: center;
}
/* 换行 */
.flex-wrap{
    flex-wrap: wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
}
.flex-reverse{
    flex-direction:row-reverse;
    -webkit-flex-direction:row-reverse;
    -moz-flex-direction:row-reverse;
}
/* flex 容器（设置为flex）内子元素向两边顶齐平分 */
.flex-jcsb {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
/*中间空白左右各一个*/
.flex-around{
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
/*平均分每个空间*/
.flex-pjf{
    justify-content: space-around;
    -webkit-justify-content: space-around;
}
.flex-end{
    align-items: flex-end;
    -webkit-align-items: flex-end;
}
.flex-end1{
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.flex-col {

    flex-direction: column;
    -webkit-flex-direction: column;

}
/*通用结束*/
.rucian_ny{
    width: 85%;
    margin: 0 auto;
    margin-top: 5%;
    padding: 10px;
    background-color: rgb(242, 242, 242);
    position: relative;
}
.rucian_sj{
    width: 80%;
    margin: 19% auto;
    text-align: center;
    font-size: 16px;
    color: rgb(26, 196, 199);
}
.backcover{background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:999;display:none;}
.backcover a{    background: #fff;
    padding: 10px 40px;
    position: absolute;
    bottom: 8%;
    left: 31%;
    z-index: 1001;}
	
	
	

.shdiv .sdleft{float:left;width:55%;    line-height: 28px;}
.shdiv .sdright{float:right;width:45%;text-align:center;}
.shdiv .sdright .tousu{    border: 1px solid #ddd;
    display: block;
    border-radius: 10px;
    padding: 5px 0px;
    color: #333;
    margin-top: 6px;}

.rucian_sj_2{height: auto;
    width: 90%;
    padding-bottom: 9px;
    margin-bottom: 0px;}
.rucian_sj_2 span{float:right;}
.bgdiv{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0px;left:0;display:none;z-index:99}
.tousudiv{  background: #fff;
    width: 80%;
    margin: 0 auto;
    margin-top: 10%;
	
    position: absolute;
    height: 74%;
    z-index: 999;
    left: 10%;display:none;}
.tousudiv .tsuser{text-align:center;padding:10px 0px 15px 0;}
.tousudiv textarea{    border: 1px solid #ddd;
    display: block;
    width: 90%;
    margin: 0 auto;
    height: 100%;
    /* height: 383px; */
    /* position: relative; */}
.tousudiv button{     border: 1px solid #ddd;
    background: #fff;
    margin-top: 10px;
    margin: 10px auto;
    /* display: block; */
    width: 43%;
    padding: 3% 0;
    font-size: 14px;
    border-radius: 10px;
    margin: 10px 0px 0px 4%;}
.shdiv{  overflow:hidden;}

.shdiv .sdleft{float:left;width:60%;    line-height: 28px;}
.shdiv .sdleft a{color:red;}
.shdiv .sdright{float:right;width:40%;text-align:center;}
.shdiv .sdright .tousu{    border: 1px solid #ddd;
    display: block;
    border-radius: 10px;
    padding: 5px 0px;
    color: #333;
    margin-top: 6px;}

.rucian_sj_2{height: auto;
    width: 90%;
    padding-bottom: 9px;
    margin-bottom: 0px;}
.rucian_sj_2 span{float:right;}

.shdiv .sdright img{margin-top: 15px;}	
.desc{padding-bottom:10px;}
.shdivbox{background: #ddd;width:90%;margin:10px auto;overflow:hidden;padding:8px;}
.shdiv1{border-bottom: 1px solid #333;    margin-bottom: 10px;padding-bottom: 10px;}
.page a{margin: 10px;
    padding: 5px;
    border-radius: 5px;
    line-height: 35px;}
	.page a.num{background:none;color:#333;}
	.page .current{background:red;color:#fff;    padding: 5px;}
</style>
<div class="backcover"></div>
<div id="container"><div class="bgdiv">
</div>
<div class="tousudiv">
	<form id="tsform" name="tsform">
	<div class="tsuser">
		投诉用户：<span id="tsuser"></span>
		<input type="hidden" name="tsuserobj" id="tsuserobj" value="" />
		<input type="hidden" name="tsorderid" id="tsorderid" value="" />
		<input type="hidden" name="tstype" id="tstype" value="2" />
		
	</div>
	<textarea name="tscontent" id="tscontent"  placeholder="请输入投诉理由："></textarea>
	<button type="button" onclick="subthis()">提  交</button>
	<button type="button" onclick="closethis()">取  消</button>
	</form>
</div>
<div class="page_topbar">
    <a href="javascript:;" class="back" onclick="javascript:location.href='usersj'"><i class="fa fa-angle-left"></i></a>
    <div class="title">升级记录</div>
	
</div>


<foreach name="sjarray" item="shinfo">	

<div class="shdivbox">
<div class="desc">
<{$shinfo.curlevel}>星 升 <{$shinfo.targetlevel}>星
</div>

<if condition="$shinfo[shuser1]">
<div class="shdiv shdiv1">
	<div class="sdleft">
		<ul>
			<li>用户姓名：<{$shinfo.shuser1user.truename}></li>
			<li>用户等级：<{$shinfo.shuser1user.levelname}></li>
			<li>联系方式：<{$shinfo.shuser1}></li>
			<li>点赞状态：
			<if condition="$shinfo[sh1dianzan] eq 0">
			未点赞(<a href="javascript:tousu('<{$shinfo.shuser2}>',<{$shinfo.id}>)">我要投诉</a>)
			<else/>
			已点赞
			</if>
			</li>
		</ul>
	</div>
	<div class="sdright">
		<img  src="/uploads/<{$shinfo.shuser1user.wximg}>"  width="80" height="80" />
		
	</div>
	
</div>
</if>
<if condition="$shinfo[shuser2]">
<div class="shdiv">
	<div class="sdleft">
		<ul>
			<li>用户姓名：<{$shinfo.shuser2user.truename}></li>
			<li>用户等级：<{$shinfo.shuser2user.levelname}></li>
			<li>联系方式：<{$shinfo.shuser2}></li>
			<li>点赞状态：
			<if condition="$shinfo[sh1dianzan] eq 0">
			未点赞(<a href="javascript:tousu('<{$shinfo.shuser2}>',<{$shinfo.id}>)">我要投诉</a>)
			<else/>
			已点赞
			</if></li>
		</ul>
	</div>
	<div class="sdright">
		<img  src="/uploads/<{$shinfo.shuser2user.wximg}>"  width="80" height="80" />
		
		
	</div>
  
	
</div>
</if>
</div>
</foreach>
<div style="text-align:center;" class="page">
<{$page}>
</div>

<script>
	function tousu(val,id){
		var hei = $(".tousudiv").height();
		$("#tsuser").html(val);
		$("#tsuserobj").val(val);
		$("#tsorderid").val(id);
		$("#tscontent").val("");
		$(".tousudiv textarea").css("height",hei-120);
		$(".tousudiv").css("display","block");
		$(".bgdiv").css("display","block");
		
		
	}
	function closethis(){
						$(".tousudiv").css("display","none");
						$(".bgdiv").css("display","none");
	}
	function subthis(){
		//$("#tsform")
		 $.ajax({
				type: "POST",
				url: "__URL__/tousush",
				data: $('#tsform').serialize(),
				success: function (result) {
					var strresult=result;
					if(strresult==1){
						alert("投诉失败");
					}
					else if(strresult==3){
						alert("你已投诉过");
						$(".tousudiv").css("display","none");
						$(".bgdiv").css("display","none");
					}
					else if(strresult==4){
						alert("24小时内不能投诉");
						$(".tousudiv").css("display","none");
						$(".bgdiv").css("display","none");
					}
					else{
						alert("投诉成功");
						$(".tousudiv").css("display","none");
						$(".bgdiv").css("display","none");
					}
				},
				error: function(data) {
					
				 }

			});
	}
	$(document).ready(function(){ 
　		}
	); 
</script>
<script>
var flag = true,//状态true为正常的状态,false为放大的状态
           imgH,//图片的高度
           imgW,//图片的宽度
           img = document.getElementsByTagName('img');//图片元素
	
	
	
   function imgclick(flag,img){
   //图片点击事件
       imgH = img.height; //获取图片的高度
       imgW = img.width; //获取图片的宽度
		flag = $(img).attr("sflag");
		console.log($(img).attr("sflag"));	
	  
       if(flag=="true"){
		$(".backcover").css("display","block");
           //图片为正常状态,设置图片宽高为现在宽高的2倍
           flag = false;//把状态设为放大状态
           //img.height = imgH*2; 
         //  img.width = imgW*2;
		   $(img).css({"position":"fixed","z-index":"1000",width:"100%",left:"0",height:"auto",top:"20%"});
		   $(".backcover").append('<a href="'+$(img).attr("src")+'" download="保存图片"">保存图片</a>');
		   $(img).attr("sflag","false")
		  
       }else{
	   
	   $(img).attr("sflag","true")
           //图片为放大状态,设置图片宽高为现在宽高的二分之一
           flag = true;//把状态设为正常状态
           img.height = imgH/2;
           img.width = imgW/2;
	   $(".backcover").css("display","none");
		   $(img).css({"position":"inherit","z-index":"2",width:"80",left:"0",height:"auto"});
       }
   }
 
</script>

</body></html>


